<template>
  <div class="page">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <b>在线申报系统首页</b>
      </div>
      <div class="group_item">
        <div class="group_item_top">
          <span>申报时间</span>
        </div>
        <div class="group_item_content">
          <p>1．申报截止时间为【2018年5月4日16点整】，请在规定时间前提交。</p>
          <p>2．每次提交成功后，数据将进行保留，在正式提交前可进行修改，完成提交后不可进行修改。</p>
          <p>3．评审内容以最后一次提交为准。</p>
          
        </div>
      </div>
      <div class="group_item">
        <div class="group_item_top">
          <span>申报状态</span>
        </div>
        <div class="group_item_content">
         <el-steps :active="7">
            <el-step title="承诺书" description="步骤 1" icon="el-icon-tickets"></el-step>
            <el-step title="作者信息" description="步骤 2" icon="el-icon-info"></el-step>
            <el-step title="素质测评" description="步骤 3" icon="el-icon-edit"></el-step>
            <el-step title="项目申报" description="步骤 4" icon="el-icon-sort"></el-step>
            <el-step title="审核申报书" description="步骤 5" icon="el-icon-view"></el-step>
            <el-step title="打印申报书" description="步骤 6" icon="el-icon-printer"></el-step>
            <el-step title="上传盖章材料" description="步骤 7" icon="el-icon-upload"></el-step>
          </el-steps>
        </div>
      </div>
      <div class="group_item">
        <div class="group_item_top">
          <span>申报流程</span>
        </div>
        <div class="group_item_content">
          <img src="../../assets/image/1.png" alt="" width="80%">
        </div>
      </div>
      <div class="group_item">
        <div class="group_item_top">
          <span>申报系统说明</span>
        </div>
        <div class="group_item_content">
          <b>申报过程中注意事项：</b>
          <p>1．请务必使用<span style="color:red"><b>谷歌Chrome</b></span>浏览器进行申报。 </p>
          <p>2．及时保存申报数据，以防止网络、浏览器未响应等因素引起数据丢失。 </p>
          <p>3．保存申报数据，只需点击一次，系统会接收到并给出处理反馈，请切记不能进行重复点击。 </p>
          <p>4．同一台电脑同一个浏览器同时只能登录一个帐号进行申报，否则可能会引起申报数据问题。 </p>
          <p>5．项目申报所有内容提交完成之后，一定要进行预检确认没有问题后正式提交，等待审核通过之后下载并打印申报书。</p>
          <p>6．请务必在正式申报书每一页右下角处手写签名，盖章后上传并点击“正式完成申报”，完成所有申报步骤。</p>
          <b>申报系统中有以下主要操作按钮：</b>
          <p>1． <el-button size="mini" type="primary">上一步</el-button>：返回上一步申报内容 <span style="color:red;">(注：不保存当前修改内容)</span></p>
          <p>2． <el-button size="mini" type="primary">保存</el-button>：保存当前申报内容 </p>
          <p>3． <el-button size="mini" type="primary">下一步</el-button>：进入下一步申报内容 <span style="color:red;">(注：不保存当前修改内容)</span></p>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  data() {
    return {

    }

  },
  components: {
    
  }
}
</script>

<style scoped lang="scss">
@import './index.scss';
</style>
